<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/echarts.min.js"></script>
<script type="text/javascript" src="js/jquery.3.3.1.min.js"></script>
</head>
<body>
	<div id="main" style="width: 600px; height: 400px;"></div>
	<script type="text/javascript">
		function showChart(){
			$.ajax({
				url:"./rt",
				type:"get",
				dataType:"json",
				success : function(json){
					console.log(json.timeList);
					console.log(json.valueList);

					
					// 基于准备好的dom，初始化echarts实例
					var myChart = echarts.init(document.getElementById('main'));

					// 指定图表的配置项和数据
					var option = {
						title : {
							text : '请求流量分析统计'
						},
						tooltip : {},
						legend : {
							data : [ '访问量' ]
						},
						xAxis : {
							data : json.timeList
						},
						yAxis : {},
						series : [ {
							name : '访问量',
							type : 'line',
							data : json.valueList
						} ]
					};

					// 使用刚指定的配置项和数据显示图表。
					myChart.setOption(option);
				}
			})
		}
		
		window.setInterval("showChart()",1000);
	
	</script>
</body>
</html>